﻿
{extend name="public/top"}
	{block name="script"}
		<script type="text/javascript" src="__HEHE__/style/jquery-1.4.1.min.js"></script>
		<script type="text/javascript" src="__HEHE__/style/jquery.js"></script>
		<script src="__HEHE__/style/jtemplates.js" type="text/javascript"></script>
		<script src="__HEHE__/style/lazy.js" type="text/javascript"></script>
		<script type="text/javascript" src="__HEHE__/style/wp-sns-share.js"></script>
		<script type="text/javascript" src="__HEHE__/style/voterajax.js"></script>
		<script type="text/javascript" src="__HEHE__/style/userregister.js"></script>
		<script type="text/javascript" src="__HEHE__/style/z700bike_global.js"></script>
		<script type="text/javascript">
			function IFocuse(th, o) {
				var t = $(th);
				var c = t.attr("class");
				if (o) {
					t.removeClass(c).addClass(c+"-over");
				}
				else {
					t.removeClass(c).addClass(c.replace("-over",""));
				}
			}
		</script>
	{/block}
	{block name="css"}
		<link rel="stylesheet" type="text/css" media="all" href="__HEHE__/style/style.css" />
		<link rel="stylesheet" href="__HEHE__/style/pagenavi-css.css" type="text/css" media="all" />
		<link rel="stylesheet" href="__HEHE__/style/votestyles.css" type="text/css" />
		<link rel="stylesheet" href="__HEHE__/style/voteitup.css" type="text/css" />
	{/block}

	{block name="content"}
		<div id="xh_wrapper">
			<input type="hidden" id="hdUrlFocus" />
			<div class="xh_h_show">
				<div class="xh_h_show_in">
					<div id="zSlider">
						<div id="picshow">
							<div id="picshow_img">
								<ul>

									<li style="display: list-item;"><a href="/life/361.html" target="_blank">
										<img src="__HEHE__/images/1-140206162449A0.jpg" alt="骑行40000公里 英国胶片摄影师的骑游之旅"></a></li>
									<li style="display: list-item;"><a href="/life/394.html" target="_blank">
										<img src="__HEHE__/images/354.jpg" alt="骑看世界：春节骑行海南岛 畅游冬日骑行天堂"></a></li>
									<li style="display: list-item;"><a href="/life/364.html" target="_blank">
										<img src="__HEHE__/images/1-1402061A315209.jpg" alt="隆猫西班牙自行车之旅-Mallorca岛梦幻旅程（上）"></a></li>
									<li style="display: list-item;"><a href="/gear/rs/320.html" target="_blank">
										<img src="__HEHE__/images/1-1402061A155W4.jpg" alt="#CES展上的新玩意# Casio 发布 STB-1000 智能手表 可同步骑行速"></a></li>

								</ul>
							</div>
						</div>
						<div id="select_btn">
							<ul>
								<li class="current"></li><li class=""></li><li class=""></li><li class=""></li>
							</ul>
						</div>
						<div class="focus-bg-title"><div id="focus-left" class="arrow-left" onmouseover="IFocuse(this,true)" onmouseout="IFocuse(this,false)"></div>
							<div id="focus-center" class="focus-title">
								<div style="float:left;width:580px;padding-left:10px;font-size:18px;" id="focus-tl-s"></div>
								<div style="float:right;width:200px;"></div>
							</div>
							<div id="focus-right" class="arrow-right"></div></div>
					</div>
					<div id="picshow_right">
						<a href="/life/416.html" target="_blank">
							<img src="__HEHE__/images/wenyi.jpg" alt="COACH再度携手王力宏 踩单车演" width="255px" height="420px"></a>

					</div>
				</div>
			</div>
			<div id="xh_container">
				<a name="new"></a>
				<div id="xh_content" style="padding-right:10px;">
					<div class="xh_area_h_3">
						<div class="xh_area_title">
							<a href="javascript:" class="t">New 最近更新</a> <span class="r">

                    <a href='/lookbike/fixed-gear/'>死飞车</a>

                    <a href='/lookbike/vintagebicycle/'>复古骑行</a>

                    <a href='/lookbike/roadbicycle/'>公路车</a>

                    <a href='/lookbike/mountainbike/'>山地车</a>

                    <a href='/lookbike/small/'>折叠/小径车</a>

                    <a href='/lookbike/bmx/'>BMX</a>

                    <a href='/lookbike/otherbike/'>城市车及其他</a>
                     </span>
						</div>
						<br>


						{volist name="article" id="v"}
						{if($v.thumb)}
						<div class="xh_post_h_3 ofh">
							<div class="xh_265x265">
								<a href="{:url('article/index',array('id'=>$v['id']))}" title="">
									<img src="{$v.thumb}" alt="" height="240" width="400"></a></div>
							<div class="r ofh">
								<h2 class="xh_post_h_3_title ofh">
									<a href="{:url('article/index',array('id'=>$v['id']))}" title="">{$v.title}</a>
								</h2>
								<span class="time">{$v.time|date="Y年m月d日 H:i:s",###}</span>
								<div class="xh_post_h_3_entry ofh">
									{$v.des|msubstr=0,130,'utf-8',true}
								</div>
								<div class="b">
									<span title="2人赞" class="xh_love"><span class="textcontainer"><span>2</span></span> <span class="bartext"></span></span> <span title="{$v.click}人浏览" class="xh_views">{$v.click}</span>
								</div>
							</div>

						</div>
						{else}
						<div class="xh_post_h_3 ofh">
							<div class="ofh">
								<h2 class="xh_post_h_3_title ofh">
									<a  href="{:url('article/index',array('id'=>$v['id']))}" title="">{$v.title}</a>
								</h2>
								<span class="time">{$v.time|date="Y年m月d日 H:i:s",###}</span>
								<div class="xh_post_h_3_entry ofh">
									{$v.des}
								</div>
								<div>
									<span title="2人赞" class="xh_love"><span class="textcontainer"><span>2</span></span> <span class="bartext"></span></span> <span title="119人浏览" class="xh_views">{$v.click}</span>
								</div>
							</div>
						</div>
						{/if}

						{/volist}

					</div>
					<!--<div id="pagination"><div class='wp-pagenavi'> <a href="/lookbike/" style='float:right;'><img src='__HEHE__/images/200.jpg' id='next-page'></a></div></div>-->
				</div>
				<div id="xh_sidebar">

					<div class="widget">

						<div style="background: url('__HEHE__/images/hots_bg.png') no-repeat scroll 0 0 transparent;width:250px;height:52px;margin-bottom:15px;">
						</div>
						<ul id="ulHot">
							{volist name='hotarticle' id='v'}
								{if($v.thumb)}
									<li style="border-bottom:dashed 1px #ccc;height:70px; margin-bottom:15px;">
										<div style="float:left;width:85px;height:55px; overflow:hidden;"><a href="{:url('article/index',['id'=>$v['id']])}"><img src="{$v.thumb}" width="83" title="" /></a></div>
										<div style="float:right;width:145px;height:52px; overflow:hidden;"><a href="{:url('article/index',['id'=>$v['id']])}" title="">{$v.des|msubstr=0,21,'utf-8',true}</a></div>
									</li>
								{else}
									<li style="border-bottom:dashed 1px #ccc;height:70px; margin-bottom:15px;">
										<div style="width:100%;height:52px; overflow:hidden;"><a href="{:url('article/index',['id'=>$v['id']])}" title="">{$v.des|msubstr=0,21,'utf-8',true}</a></div>
									</li>
								{/if}
							{/volist}
						</ul>
					</div>

					<div class="widget portrait">
						<div>
							<div class="textwidget">
								<a href="/tougao.html"><img src="__HEHE__/images/tg.jpg" alt="投稿"></a><br><br>
							</div>
						</div>
					</div>
					<div class="widget links">
						<h3>
							友情链接</h3>
						<ul>
							<li><a href='#' target='_blank'>链接1</a> </li>
							<li><a href='#' target='_blank'>链接2</a> </li>
							<li><a href='#' target='_blank'>链接3</a> </li>
							<li><a href='#' target='_blank'>链接4</a> </li>
							<li><a href='#' target='_blank'>链接5</a> </li>
						</ul>
						<div class="clear">
						</div>
					</div>
				</div>
				<div class="clear">
				</div>
			</div>
			<div class="boxBor" onclick="IBoxBor()" style="cursor:pointer;"></div>
			<input type="hidden" id="hdBoxbor" />
			<script type="text/javascript">

                // $("#next-page").hover(function () { $(this).attr("src", "__HEHE__/style/images/next02.png"); }, function () { $(this).attr("src", "__HEHE__/style/images/next01.png"); });
                $("#last-page").hover(function () { $(this).attr("src", "__HEHE__/style/images/last02.png"); }, function () { $(this).attr("src", "__HEHE__/style/images/last01.png"); });

                $(function () {
                    var imgHoverSetTimeOut = null;
                    $('.xh_265x265 img').hover(function () {
                        var oPosition = $(this).offset();
                        var oThis = $(this);
                        $(".boxBor").css({
                            left: oPosition.left,
                            top: oPosition.top,
                            width: oThis.width(),
                            height: oThis.height()
                        });
                        $(".boxBor").show();
                        var urlText = $(this).parent().attr("href");
                        $("#hdBoxbor").val(urlText);
                    }, function () {
                        imgHoverSetTimeOut = setTimeout(function () { $(".boxBor").hide(); }, 500);
                    });
                    $(".boxBor").hover(
                        function () {
                            clearTimeout(imgHoverSetTimeOut);
                        }
                        , function () {
                            $(".boxBor").hide();
                        }
                    );
                });
                function IBoxBor() {
                    window.open($("#hdBoxbor").val());
                }
                function goanewurl() {
                    window.open($("#hdUrlFocus").val());
                }
			</script>

		</div>


		<div class="sitemap">
			<h4>
				十月一场</h4>
			<div class="l">

				<ul id="menu-sitemap" class="menu">
					{volist name='top' id='v'}
					<li class="menu-item menu-item-type-custom menu-item-object-custom">
						<a style="margin-left: 13px"  href="/index/{if condition="$v['type'] eq 1"}articlelist{elseif condition="$v['type'] eq 3" /}imglist{elseif condition="$v['type'] eq 2" /}aboutus{/if}/index/id/{$v['id']} ">{$v.catename}</a>
						<ul class="sub-menu">
							{volist name="$v['son']" id='vv'}
							<li class="menu-item menu-item-type-taxonomy menu-item-object-category">
								<a  href="/index/articlelist/index/id/{$vv.id}">{$vv.catename}</a></li>
							{/volist}
						</ul>
					</li>
					{/volist}
				</ul>

			</div>
			<div class="r">
				<h5>
					FOLLOW US</h5>

				<img src="__HEHE__/images/gzh.jpg" alt="" title="扫描添加我的公众微信" class="alignnone size-full wp-image-18966"
					 height="140" width="120"></a></div>
		</div>
	{/block}